<div ng-controller="registerController" class="base-company">


    <div class="resigter-content-box">
        <div style="display: table;margin:auto">
            <div class="resigter-content-head">
                <div class="resigter-image">
                    <img class="log-title-img" src="img/title_logo.png" alt="">
                </div>
                <div class="resigter-title">
                    <p class="log-text log-text-eng ">OPEN A NEW OFFICE LIFE</p>
                    <p class="log-text log-text-chi">开 启 办 公 新 生 活</p>
                </div>

            </div>

            <div class="content reg-content-move" style="position: relative;">
                <div class="reg-content"
                     style="position: absolute;z-index:200;padding-bottom: 50px; background: white;border: solid rgb(212,212,212) 1px;">
                    <div class="reg-content-new">
                        <div class="reg-content-login">已有账号，<a href="/tribalc-web/login.html"> <u>立刻登录</u></a>
                        </div>
                        <div class="reg-title">
                            <span class="title">新用户注册</span>
                            <span class="key">／</span>
                            <span class="warn">注册嗨托帮 让您的工作更轻松</span>
                        </div>


                    </div>

                    <div class="reminds">账户信息</div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 用户名：</p>
                        <input id="username" class="form-control username col-md-3 input_text_font12"
                               ng-model="regCompanyInformation.name"
                               ng-focus="showWarn('username')"
                               ng-blur="checkInputValue(regCompanyInformation.name,'username')"/>
                        <div id='remind_username' class="rem_user hide col-md-4">
                            <p>4-20字符，支持字母，数字及"-""_"组合</p>
                        </div>
                        <div id='remind_err_username' class="rem_user hide col-md-4 err-warn">
                            <p>用户名长度只能在4-20位字符之间</p>
                        </div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 请设置密码：</p>
                        <input autocomplete="off" type="password" class="form-control col-md-3 username "
                               ng-model="regCompanyInformation.password" id="password"
                               ng-focus="showWarn('password')"
                               ng-blur="checkInputValue(regCompanyInformation.password,'password')"/>
                        <div id="remind_password" class="rem_user hide col-md-4">
                            <p>6-20位字符,建议由字母,数字,符号两种以上组合</p>
                        </div>
                        <div id="remind_err_password" class="rem_user hide col-md-4 err-warn">
                            <p>6-20位字符,建议由字母,数字,符号两种以上组合</p>
                        </div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 请确认密码：</p>
                        <input autocomplete="off" type="password" class="form-control col-md-3 username "
                               ng-model="regCompanyInformation.repassword" id="repassword"
                               ng-focus="showWarn('repassword')"
                               ng-blur="checkPassword(regCompanyInformation.password,regCompanyInformation.repassword,'repassword')"/>
                        <div id="remind_repassword" class="rem_user hide col-md-4 ">
                            <p>请再次输入密码</p>
                        </div>
                        <div id="remind_err_repassword" class="rem_user hide col-md-4 err-warn">
                            <p>两次输入的密码不相同</p>
                        </div>
                    </div>

                    <div class="remind_content">
                        <p class="text col-md-3 text-right"></p>
                        <div class="property">
                            <span>是否为物业公司 ：</span>
                            <label>是</label><input class="property_check property_yes" name="Fruit"
                                                   id="propertyCompanyY" ng-model="propertyCompanyY"
                                                   ng-click="judgePropertyCompany('y')"
                                                   type="checkbox" value=""/>
                            <label class="property_text_no">否</label><input class="property_check property_no"
                                                                            id="propertyCompanyN"
                                                                            ng-model="propertyCompanyN"
                                                                            ng-click="judgePropertyCompany('n')"
                                                                            name="Fruit"
                                                                            type="checkbox" value=""/>
                        </div>
                    </div>


                    <div class="remind">公司信息</div>

                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a>所在社区：</p>
                        <div class="community_border col-md-3 username">
                            <select class="form-control select" ng-model="companyModel.community"
                                    ng-options="cummunity.name for cummunity in cummunityList">
                                <option ng-show="false" disabled="disabled" value="">请选择</option>
                            </select>
                        </div>
                    </div>

                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 公司名称：</p>
                        <input class="form-control username col-md-3 keyboard_image input_text_font12"
                               ng-model="regCompanyInformation.companyName"
                               id="companyName" ng-focus="showWarn('companyName')"
                               ng-blur="checkInputValue(regCompanyInformation.companyName,'companyName')"
                        >
                        <div id="remind_companyName" class="rem_user hide col-md-4">
                            <p>请填写工商局注册的全称</p></div>
                        <div id="remind_err_companyName" class="rem_user hide col-md-4 err-warn">
                            <p>公司名称长度只能在4-40位字符之间</p></div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 公司所在地：</p>
                        <div class="community_border city_border col-md-3 username">
                            <select class="address form-control select"
                                    ng-change="selectProvince(companyModel.province)"
                                    ng-model="companyModel.province"
                                    ng-options="cummunity.name for cummunity in citys.province">
                                <option ng-show="false" disabled="disabled" value="">省</option>

                            </select>

                        </div>
                        <div class="community_border city_border col-md-3 username">
                            <select class="address form-control select" ng-model="companyModel.cityObj"
                                    ng-change="selectCity(companyModel.cityObj)"
                                    ng-options="city.name for city in companyModel.provinceObj.city">
                                <option ng-show="false" disabled="disabled" value="">城市</option>
                            </select>
                        </div>
                        <div class="community_border city_border col-md-3 username">
                            <select class="address form-control select" ng-model="companyModel.districtObj"
                                    ng-options="county.name for county in companyModel.cityObj.county">
                                <option ng-show="false" disabled="disabled" value="">地区</option>
                            </select>
                        </div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 公司地址：</p>
                        <input class="form-control username keyboard_image col-md-3 input_text_font12" id="companyAddress"
                               ng-model="regCompanyInformation.companyAddress"
                               ng-focus="showWarn('companyAddress')"
                               ng-blur="checkInputValue(regCompanyInformation.companyAddress,'companyAddress')"

                        >
                        <div id="remind_companyAddress" class="rem_user hide col-md-4">
                            <p>北京市朝阳区北苑路媒体村1号楼110</p></div>
                        <div id="remind_err_companyAddress" class="rem_user hide col-md-4 err-warn">
                            <p>公司地址长度只能在4-50位字符之间</p></div>
                    </div>


                    <div class="remind_content">
                        <p class="text col-md-3 text-right"> 企业人数：</p>
                        <div class="community_border col-md-3 city_border username">
                            <select class="form-control username select" id="people_count"
                                    ng-model="regCompanyInformation.companyStaffNum"
                                    ng-options="number for number in companyOptions.num">
                                <option ng-show="false" disabled="disabled" value="">请选择</option>
                            </select>
                        </div>

                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"> 公司行业：</p>
                        <div class="community_border col-md-3 username">
                            <select class="form-control username select" id="company_kind"
                                    ng-model="regCompanyInformation.companyIndustry"
                                    ng-options="industry for industry in companyOptions.industry">
                                <option ng-show="false" disabled="disabled" value="">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"> 公司性质：</p>
                        <div class="community_border col-md-3 username">
                            <select class="form-control username select" id="company_nature"
                                    ng-model="regCompanyInformation.companyNature"
                                    ng-options="nature for nature in companyOptions.nature">
                                <option ng-show="false" disabled="disabled" value="">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="remind_content text-container">

                        <p class="text col-md-3 text-right">公司简介：</p>
                        <div class="textarea-container">
                            <textarea ng-model="companyModel.desc" class="form-control remind_content_radius"
                                      ng-focus="showWarn('desc')"
                                      ng-blur="checkInputValue(companyModel.desc,'desc')"
                                      placeholder="公司介绍:10字-100字"></textarea>
                        </div>
                        <div id="remind_desc" class="rem_user hide col-md-4">
                            <p>公司介绍:10字-100字</p></div>
                        <div id="remind_err_desc" class="rem_user hide col-md-4 err-warn">
                            <p>公司介绍:10字-100字</p></div>
                    </div>
                    <div class="remind_content upload-content">
                        <p class="text col-md-3 text-right"> 公司LOGO：</p>
                        <div class="logo-container">
                            <input id="companyLogo" accept="image/png,image/gif" ng-model="regCompanyInformation.logo"
                                   onchange='angular.element(this).scope().uploadCompanyLogo(this) ' type="file"
                                   class="company-logo"/>
                            <img class="upload-image" src="img/company/plus.png" alt=""/>
                        </div>


                    </div>
                    <div class="remind_content upload-content margin-bottom">
                        <p class="text col-md-3 text-right"> 公司环境图：</p>
                        <div class="image-container">

                            <div class="pro-write-arrow-box" ng-click="to_left_image_container()">
                                <div class="pro-write-arrow">
                                    <span style="right: 50%" class="fa fa-angle-left fa-3x pro-arrow"></span>
                                </div>
                            </div>
                            <div class="pro-write-picture">
                                <div id='imageContainer' class="pro-write-picture-content"
                                     ng-class="{true: 'pro-write-picture-right'}[upload.pictures.length >= 3]">
                                    <div ng-repeat="number in [1, 2 ,3 ,4 ,5 ,6]" class="pro-write-pictures">
                                        <div class="pro-write-pictures-content" id="proPicture{{number}}">
                                            <input onchange='angular.element(this).scope().uploadCompanyPictures(this)'
                                                   ng-show="upload.pictures.length + 1 >= number" type="file"
                                                   accept="image/png,image/gif"
                                                   class="pro-logo-file">
                                            <img ng-show="upload.pictures.length + 1 >= number"
                                                 class="pro-logo-plus-img"
                                                 src="img/company/plus.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="pro-write-arrow-box" ng-click="to_right_image_container()">
                                <div class="pro-write-arrow">
                                    <span class="fa fa-angle-right fa-3x pro-arrow"></span>
                                </div>
                            </div>

                        </div>
                    </div>


                    <div class="remind">联系人信息</div>

                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 联系人姓名：</p>
                        <input class="form-control username keyboard_image col-md-3 input_text_font12" id="contactsName"
                               ng-model="regCompanyInformation.contactsName"
                               ng-focus="showWarn('contactsName')"
                               ng-blur="checkInputValue(regCompanyInformation.contactsName,'contactsName')"
                        >
                        <div id="remind_contactsName" class="rem_user hide col-md-4">
                            <p>2-20位字符，可有中文或英文组成</p></div>
                        <div id="remind_err_contactsName" class="rem_user hide col-md-4 err-warn">
                            <p>联系人姓名只能用2-20位中文或英文组成</p></div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"> 所在部门：</p>
                        <input class="form-control username col-md-3 input_text_font12" id="department"
                               ng-model="regCompanyInformation.department"/>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"> 固定电话：</p>
                        <input class="form-control username col-md-3 input_text_font12" id="phone" ng-model="regCompanyInformation.phone"
                               ng-focus="showWarn('phone')"
                               ng-blur="checkInputValue(regCompanyInformation.phone,'phone')"
                        >
                        <div id="remind_phone" class="rem_user hide col-md-4 rem_user-height">
                            <p>请填写常用联系人电话，以便我们联系，如：010-88776554</p></div>
                        <div id="remind_err_phone" class="rem_user hide col-md-4 err-warn">
                            <p>电话格式错误，请重新输入</p></div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 验证手机：</p>
                        <input class="form-control username col-md-3 input_text_font12" id="mobilePhone"
                               ng-model="regCompanyInformation.mobilePhone"
                               ng-focus="showWarn('mobilePhone')"
                               ng-blur="checkInputValue(regCompanyInformation.mobilePhone,'mobilePhone')"
                        >
                        <div id="remind_mobilePhone" class="rem_user hide col-md-4">
                            <p>请填写本人手机号，审核信息以短信通知</p></div>
                        <div id="remind_err_mobilePhone" class="rem_user hide col-md-4 err-warn">
                            <p>手机号码格式错误，请输入正确的手机号</p></div>
                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right"><a class="text_start">＊</a> 短信验证码：</p>
                        <input class="sms col-md-3 form-control" placeholder="短信验证码" id="sms_code"
                               ng-model="regCompanyInformation.vcode"/>
                        <input class="sms_button col-md-3 form-control" type="submit"
                               ng-click='sendSms(regCompanyInformation.mobilePhone)' id="sms" value="获取短信验证码"/>

                    </div>
                    <div class="remind_content">
                        <p class="text col-md-3 text-right">联系人邮箱：</p>
                        <input class="form-control username col-md-3 input_text_font12" id="email" ng-model="regCompanyInformation.email"
                               ng-focus="showWarn('email')"
                               ng-blur="checkInputValue(regCompanyInformation.email,'email')"
                        >
                        <div id="remind_email" class="rem_user hide col-md-4">
                            <p>请填写本人邮箱，审核信息以邮件通知</p></div>
                        <div id="remind_err_email" class="rem_user hide col-md-4 err-warn">
                            <p>请输入有效的邮箱地址</p></div>
                    </div>

                    <div class="row">
                        <div class="provision remind_content col-md-11 register-protocal">
                            <div class="checkbox checkbox-magin-top-fix">
                                <label>
                                    <input id='terms' class="terms " type="checkbox" value="option1" ng-click="changeState()">
                                    <div class="">我已阅读并接受<a href="" class="buluo_provision">部落公企业服务条款</a></div>
                                </label>
                            </div>

                        </div>

                    </div>
                    <div class="remind_content">
                        <button ng-click="register(regCompanyInformation.phone)"
                                class="register-button-add register_button btn btn-default">立即注册
                        </button>
                    </div>
                </div>
                <!--<div class="is_property_back" hidden="hidden">-->
                <!--</div>-->
                <div class="is_property" hidden="hidden">
                    <h4>是否为物业公司</h4>
                    <div class="horizontal_line"></div>
                    <button class="btn btn-default cancel">取消</button>
                    <button class="btn btn-default confirm">确定</button>
                    <div class="perpendicular_line"></div>

                </div>

                <div class="reg-background-car" style="z-index: 999">
                    <img src="img/che.png" alt="">
                </div>

                <div style="position: absolute;width: 108%;bottom: 30px;left: -5%;z-index:0">
                    <img width="100%" src="img/footer.jpg" alt="">
                </div>

            </div>


        </div>
        <div class="log-footers no-background">
            <footer></footer>
        </div>



    </div>
    <div ng-show="showAlert==true">
            <alert></alert>
    </div>

</div>


</div>